<div id="utility-panel">
	<div class="tabs-container">
		<ul class="tabs">
			<li class="tab first" name="plugins"><a title="Seamless plugin integration">Plugin Architecture</a></li>
			<li class="tab active" name="rad"><a title="Rapidly prototype new kinds of controls">Rapid Prototype</a></li>
			<li class="tab" name="sandboxed"><a title="Run MooTools, jQuery and Prototype together">Library Sandboxing</a></li>
		</ul>
		<div class="noFlt"> </div>
	</div>
	<div class="panels">
		<div class="panel" name="plugins" ui-type="com::Panel">
		    <H4>jQuery Plugins</H4>	
			Hover over the tabs on this control to see jquery.tooltip plugin 
            in action. Seamless integration of jquery plugins. Plugins are 
            mixed into the traits of controls.
		</div>
		<div class="panel" name="rad">
			<H4>DRAG ME!</H4>	
            Prototype by starting from an existing control. Clone
            it and begin a new family of controls which will
            all share common traits.
		</div>
		<div class="share panel" name="sandboxed">
			<H4>Sandboxed Environment</H4>
            jQuery has an amazingly clean and simple plugin framework.
            Prototype adds a ton of core language extensions to Javascript.
            MooTools offers an agnostic DOM across all browsers.
            <br/><br/>
            Why sacrafice one for the other? Now pick and choose
            what you application needs. Sandboxing runs each library in
            proper scope.
		</div>
		<div class="noFlt"> </div>
	</div>
</div>